<template>
  <el-container class="container">
    <div class="title">
      <span>政策兑现审批申请表</span>
      <div class="search-box">
        <el-input placeholder="请输入关键词搜索"></el-input>
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
        <el-select>
          <el-option value=""></el-option>
        </el-select>
      </div>
    </div>
    <el-table :data="
      tableData.filter(
        (data) =>
          !search || data.name.toLowerCase().includes(search.toLowerCase())
      )
    " style="width: 100%">
      <el-table-column label="公司名称" prop="date"> </el-table-column>
      <el-table-column label="申请兑现金额" prop="name"> </el-table-column>
      <el-table-column label="申请时间" prop="name"> </el-table-column>
      <el-table-column label="政府扶持类型" prop="name"> </el-table-column>
      <el-table-column label="审批状态" prop="name"> </el-table-column>
      <el-table-column align="center" label="操作">
        <template slot-scope="scope">
          <el-button type="info" size="mini" @click="handleEdit(scope.$index, scope.row)" plain>详情</el-button>
        </template>
      </el-table-column>
    </el-table>
    
  </el-container>
</template>
<script>
export default {
  name: "mypolicy",
  data() {
    return {
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
      search: "",
    };
  },
};
</script>
<style lang="less" scoped>
.container {
  width: 100%;
  height: 100%;
  padding: 50px;
  display: flex;
  flex-direction: column;
  .title{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    span{
      font-weight: bold;
      color: #909399;
    }
    .search-box{
      height: 100%;
      display: flex;
      align-items: center;
      margin-left: auto;
      .el-input{
        margin: 0 5px;
      }
      .el-button {
        margin: 0 5px;
      }
      .el-select{
        margin-left: 5px;
      }
    }
  }
}
</style>
